<template>
  <!-- 输入框和按钮 -->
  <div class="el-row">
    <!-- 输入框 -->
    <div class="el-input-group">
      <el-input
        v-if="isShow"
        v-model.number="value"
        placeholder="请输入内容"
        clearable
      >
        <el-button v-if="isShowBtn" slot="append" icon="el-icon-search" @click="queryUserList(value)" />
      </el-input>
    </div>
    <!-- 按钮 -->
    <el-button type="primary" @click="dialogFormVisible=true">添加用户</el-button>
  </div>
</template>

<script>
export default {
  props: {
    isShow: {
      type: Boolean,
      default: true
    },
    isShowBtn: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {
      inputValue: ''
    }
  },

  created() {

  },

  methods: {

  }
}
</script>

<style scoped lang='scss'>
 .el-row{
    display: flex;
    margin-bottom: 15px;
    .el-input {
     min-width: 475px;
     max-width: 520px;

    }
  }
   ::v-deep .el-input-group{
       width: 0;
     }

     .el-button--primary{
       margin-left: 20px;
     }
</style>
